<div class="page-transform page-sty">

    <script charset="UTF-8" type="text/template" id="detailList">
    <div class="cold-fusion">
        <div class="head">
            <div class="radar-map" id="map" ></div>
        </div>
        <ul class="chara_list">
            <% if (data && data.length>0 ){ %>
            <% data.forEach(function (item,index) { %>
                <li>
                    <div class="tit">
                        <div class="tit-explain">

                                <% if (  item.dim =="o"){ %>
                                <h2 class="features">开放性</h2>
                                <% } else if (  item.dim =="a") { %>
                                <h2 class="features">宜人性</h2>
                                <% }else if (  item.dim =="c") { %>
                                <h2 class="features">尽责性</h2>
                                <% }else if( item.dim=="e"){ %>
                                  <h2 class="features">外向性</h2>
                                <% }else if(item.dim=="n"){ %>
                                    <h2 class="features"> 神经质</h2>
                                <% } %>

                            <span class="schedule"><em style="width:<%= (item.score/100*100)+'%' %>"></em></span>
                        </div>
                        <% if (item && item.detail && item.detail.direct == "-1"){ %>
                              <div class="grade  low">
                                  <span ><%= item && item.score.toFixed(1) || 0 %></span>
                               </div>
                        <% }else if(item && item.detail && item.detail.direct == "1"){ %>
                                <div class="grade  height">
                                    <span ><%= item && item.score.toFixed(1) || 0 %></span>
                                </div>
                        <% }else{ %>
                                <div class="grade">
                                    <span><%= item && item.score.toFixed(1) || 0 %></span>
                                </div>
                        <% } %>
                    </div>
                    <p><%= item && item.detail && item.detail.detail || '' %></p>
                </li>
            <% }) %>
            <% } %>

        </ul>

        <div class="report">
                    <span class="share-result">
                        <img src="img/share-ico.svg">
                        <a>分享结果</a>
                    </span>
            <span class="detail-btn">
                        <img src="img/report-bg.svg">
                        <a href="#report">返回</a>
                    </span>
            <span class="play-again">
                           <img src="img/reform-ico.svg">
                           <a href="#home-1">再玩一次</a>
                    </span>
        </div>
    </div>
    <img src="img/pull-down.svg" class="pull-down"/>

    </script>
</div>